<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API首页</title>

    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/API.css">
    <link rel="stylesheet" href="../css/登录界面.css">
</head>
<body>



    <!-- 头部 -->
    <div class="head clearfix">
        <h1 class=" head-logo fl">
            <a href="">
                <img src="../imgs/new-logo-white2.png" alt="">
            </a>
        </h1>

        <ul class="fl head-two clearfix">
            <li ><a href="../page/home.html">首页</a>
            </li>
            <li class="active"><a href="../page/API.html">API</a></li>
            <li><a href="">云服务</a></li>
            <li><a href="../page/案例.html">案例</a></li>
            <li><a href="">开发者</a></li>

        </ul>

        <div class="fr head-right clearfix">
            <div class="head-login fl">
                <a href="../page/账号登录界面.html">登录</a>
                
            </div>
            <div class="head-login2 fr">
                 <a href="../page/注册.html">注册有礼</a> 
            </div>
        </div>
    </div>


    <!-- API分类 -->

    <div class="api-sort">
        <div class="container sort-nav">
            <h2>API分类</h2>
            <div class="clearfix sort-nav1">
                <!-- <a href="#">全部</a>
                <a href="#">生活服务</a>
                <a href="#">私有化部署</a>  -->
            </div>
        </div>
    </div>

    <!-- API搜索 -->
    <div class="container api-seo1">
        <span class="api-seo2">全部</span>
        <input class="api-seo3" type="text" placeholder="身份证实名">
        <img src="../imgs/magnifier.png" alt="">
    </div>


    <!-- API分类详情  -->
    <div class="api-detail">
        <ul class="container api-detailAll clearfix">
            <!-- <li>  模板
                    <p class="api-com"></p>
                    <a><img src="../imgs/API_01.jpg" alt=""></a>
                    <p>2021出行防疫指南</p>
                    <p class="free">免费</p>
                    <a href="" class="mouse">申请数据</a>
                </li>
            -->
        </ul>
    </div>


    <!-- 模态框 mask-->

    <div class="mask">
        <div class="login-right clearfix">
            <img class="login-img1" src="../imgs/new-logo-white2.png" alt="">
            <p class="login-active">
                <a href="#" id="login-user">账号登录 </a>
                <span></span>
                <a href="#" id="login-sm">扫码登录</a>
            </p>

            <!-- 账号登录盒子 -->
            <div class="login-hz">
                <div class="login-box1">
                    <div class="log-img2">
                    </div>
                    <p>
                        <input type="text" id="user">
                        <img class="aa" src="../imgs/clearInput.png" alt="">
                        <span id="userMsg"></span>
                    </p>
    
                    <div class="log-img3">
    
                    </div>
                    <p>
                        <input type="password" id="pwd">
                        <img class="bb" src="../imgs/clearInput.png" alt="">
                        <span id="pwdMsg"></span>
                    </p>
                    

                    <a href="#" class="mm fr">忘记密码</a>
                    <button id="login2">登录</button>
                    <p class="zh fr">还没有源码账号，<a href="#" class="mm">立即注册 ></a></p>
                </div>

             <!-- 扫码登录盒子 -->
                <div class="login-box">
                    <img src="../imgs/103-demo.png" alt="">
                    <p>微信扫码登录</p>
                    <p>未关注源码科技公众号，请先关注后登录</p>

                    <p class="zh fr">还没有源码账号，<a href="#" class="mm">立即注册 ></a></p>

                </div>

            </div>
                
        </div>
        
    </div>

    <!-- 翻页 -->
    <div class="api-page">
        <div class="api-page2 container">
            <a href="#">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <a href="#">5</a>
            <a href="#">6</a>
            <a href="#">7</a>
            <a href="#">8</a>
            <a href="#">……</a>

            <a href="#" class="next-page">下一页></a>

        </div>
    </div>

         <!-- 尾部 -->
         <div class="foot">
            <div class="container foot-main clearfix">
                <ul class="clearfix fl">
                    <li class="fl">
                        <h5>联系与支持</h5>
                        <p><a href="">400-882-7715</a></p>
                        <p><a href="">售前咨询</a></p>
                        <p><a href="">客服&售后</a></p>
                        <p><a href="">常见问题</a></p>
                        <p><a href="">极速工单</a></p>
                        <p><a href="">投诉与建议</a></p>
                    </li>
   
   
                   <li class="fl">
                       <h5>关于源码</h5>
                       <p><a href="">合作伙伴</a></p>
                       <p><a href="">服务条款</a></p>
                       <p><a href="">隐私政策</a></p>
                       <p><a href="">市场合作</a></p>
                       <p><a href="">反商业贿赂声明</a></p>
                   </li>
   
                   <li class="fl">
                       <h5>快速入口</h5>
                       <p><a href="">API数据</a></p>
                       <p><a href="">黑钻会员</a></p>
                       <p><a href="">新闻动态</a></p>
                       <p><a href="">联系我们</a></p>
                       <p><a href="">加入我们</a></p>
                   </li>
   
                   <li class="fl">
                       <h5>产品服务</h5>
                       <p><a href="">云监测</a></p>
                       <p><a href="">云查询</a></p>
                       <p><a href="">云助手</a></p>
                       <p><a href="">聚盒子</a></p>
                       <p><a href="">云充值</a></p>
                   </li>
   
                   <li class="fl">
                       <h5>解决方案</h5>
                       <p><a href="">数字中台</a></p>
                       <p><a href="">云查询</a></p>
                       <p><a href="">慧集：API生命周期管理</a></p>
                       <p><a href="">有赢：助力企业营销</a></p>
                   </li>
                </ul>
                <div class="fr clearfix foot-rig">
                    <h5 >微信公众号</h5>
                    <p><a href="">源码时代</a></p>
                    <img src="../imgs/wechat-white.png" alt="">
   
                </div>
                <div class="clearfix foot-foot">
   
                    <!-- <p class="fl"><img src="../imgs/bei2.png" alt=""> -->
                    <p class="fl"><img src="../imgs/bei2.png"> &nbsp;
                       <img src="../imgs/bei1.png" alt="">
                    
                    增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</p>
                    <p class="fr">源码大数据股份有限公司&copy;版权所有</p>
                </div>
   
            </div>
   
        </div>
   
        <!-- 侧边回到顶部 -->
        <div class="return fr">
        </div>

    <script src="../js/home.js"></script>
    <script src="../js/登陆界面.js"></script>
    <!-- <script src="../js/选项卡.js"></script> -->
    <script src="../js/API2-老师.js"></script>
</body>
</html>